let myChart = echarts.init(document.querySelector('.tu'));
option = {
    title: {
        text: '单位：人',
		textStyle: {
			fontSize: 12,
			color:"#fff"
		}

    },
	textStyle: {
		fontSize: 12,
		color:"#2FF0F6"
	},
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['男', '女'],
		textStyle: {
			fontSize: 12,
			color:"#fff"
		},
    },
	grid:{
		top:'13%',
		bottom:'36%',
		left:'1%',
		rigth:'1%',
		containLabel: true,
	},
    calculable: true,
    xAxis: [
        {
            type: 'category',
            data: ['2013', '2014', '2015','2016','2017']
        }
    ],
    yAxis: [
        {
            type: 'value',
			min:0,
			max:7000,
			interval:1000,
			axisLabel:{
				formatdel:'{value}'
			},
			splitLine:{
				lineStyle:{
					type:'dashed',
					color:'#1F3A6D'
				},
			},
        }
    ],
    series: [
        {
            name: '男',
            type: 'bar',
            data: [0,0,700,4000,3600],
        },
        {
			name: '女',
			type: 'bar',
			data: [0,0,700,4000,3400],
			color:'#FF9F31'
        },
    ]
};
 myChart.setOption(option);
 
 let myChart1 = echarts.init(document.querySelector('.chizheng'));
 option1 = {
     title: {
         text: '单位:人',
		 textStyle:{
			 fontSize:12,
			 color:'#fff'
		 }
     },
	 textStyle:{
		 fontSize:12,
		 color:'#2FF0F6'
	 },
     tooltip: {
         trigger: 'axis',
         axisPointer: {            // 坐标轴指示器，坐标轴触发有效
             type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
         },
         formatter: function (params) {
             var tar = params[1];
             return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
         }
     },
     grid: {
		 top:'16%',
         left: '2%',
         right: '10%',
         bottom: '26%',
         containLabel: true
     },
     xAxis: {
         type: 'category',
         splitLine: {show: false},
         data: ['总数', '幼教', '小学', '初中', '高中']
     },
     yAxis: {
         type: 'value',
		min:0,
		max:7000,
		interval:1000,
		splitLine:{
			lineStyle:{
				type:'dashed',
				color:'#1F3A6D'
			},
		},
     },
     series: [
         {
             name: '辅助',
             type: 'bar',
             stack: '总量',
             itemStyle: {
                 barBorderColor: 'rgba(0,0,0,0)',
                 color: 'rgba(0,0,0,0)'
             },
             data: [0, 5500, 3400, 1800, 0]
         },
         {
             name: '人数',
             type: 'bar',
             stack: '总量',
             label: {
                 show: true,
                 position: 'inside'
             },
             data: [6235, 795, 2395, 1256, 366]
         }
     ]
 };
myChart1.setOption(option1);

let leida = echarts.init(document.querySelector('.jigou_left'))
leidaleft = {
    tooltip: {
        trigger: 'axis'
    },
    radar: [
        {
            indicator: [
                {text: '2013', max: 100},
                {text: '2014', max: 100},
                {text: '2015', max: 100},
                {text: '2016', max: 100},
                {text: '2017', max: 100}
            ],
            radius: 46,
            center: ['50%', '50%'],
			nameGap:4,
        },
    ],
    series: [
		{
            type: 'radar',
            areaStyle: {
				color:["#047A79"]
			},
			lineStyle:{
				color:["#00D0B2"]
			},
			symbolSize: 2, // 拐点的大小
			itemStyle:{
				normal:{
					color:'#fff',
				}
			},
            data: [
                {
					value: [80, 80, 0, 80, 100],
					name: '某学校'
				},
				{
					value: [80, 60, 50, 80, 70],
					name: '某软件'
				},
			],
        },
    ]
};
leida.setOption(leidaleft);

let leida1 = echarts.init(document.querySelector('.jigou_right'))
leidaright = {
    radar: [
        {
            indicator: [
                { text: '2013' },
                { text: '2014' },
                { text: '2015' },
                { text: '2016' },
                { text: '2017' }
            ],
            center: ['50%', '50%'],
            radius: 48,
            startAngle: 90,
            splitNumber: 4,
            shape: 'circle',
            name: {
                formatter: '{value}',
                textStyle: {
                    color: '#72ACD1'
                }
            },
            splitArea: {
                areaStyle: {
                    color: ['rgba(0,112,105, 1)',
                        'rgba(19,183,217,0.8)', 'rgba(0,112,105, 0.6)',
                        'rgba(9,45,83, 0.8)', 'rgba(0,11,29, 1)'],
                    shadowBlur: 10
                }
            },
			nameGap:3,
			textStyle:{
				fontSize:12,
				color:"#2FF0F6"
			}
        },
    ],
    series: [
        {
            name: '雷达图',
            type: 'radar',
			areaStyle: {
				color:["#047A79"]
			},
			lineStyle:{
				color:["#2FF0F6"]
			},
            data: [
                {
                    value: [1, 0, 0, 0,0.5],
                    name: '图一',
                    symbol: 'rect',
                    symbolSize: 4,
					itemStyle:{
						normal:{
							color:'#fff'
						}
					},
                    lineStyle: {
						type: 'solid'
                    }
                },
                {
                    value: [1,  ,-34, -50, -10,],
                    name: '图二',
                    areaStyle: {
                        color: 'rgba(255, 255, 255, 0.5)'
                    },
					areaStyle: {
						color:["#74647E"]
					},
					lineStyle:{
						color:["#D43D63"]
					},
					symbolSize: 2,
					itemStyle:{
						normal:{
							color:'#fff'
						}
					},
                }
            ]
        },
    ]
}
leida1.setOption(leidaright);

let xuelitu = echarts.init(document.querySelector('.xuelitu'));
xueli = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
		x:'left',
		show:false,
        left: 10,
        data: ['教师学历分析']
    },
	graphic:{
		type:'text',
		left:'center',
		top:'center',
		style:{
			text:'教师学历分析',
			textAlign:'center',
			fill:'#fff'
		}
	},
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['60%', '80%'],
			center:['50%','50%'],
            label: {},
            data: [
				 {value: 400, name: '博士'},
				 {value: 1005, name: '专科'},
				  {value: 550, name: '本科'},
                {value: 460, name: '研究生'},
            ],
			label:{
				normal:{
					textStyle:{
						color:'#fff',
					}
				}
			},
			labelLine:{
				normal:{
					lineStyle:{
						color:'#fff',
					},
					length:5
				}
			},
        }
    ]
};
xuelitu.setOption(xueli);

let nianling = echarts.init(document.querySelector('.nianling'));

age = {
    tooltip: {},
    radar: {
        name: {
            textStyle: {
                color: '#fff',
            },
        },
		nameGap:8,
		radius: 43,
        indicator: [
            { name: '20-29', max: 6500},
            { name: '30-34', max: 16000},
            { name: '35-39', max: 30000},
            { name: '40-44', max: 38000},
            { name: '45-49', max: 52000},
            { name: '50-54', max: 25000},
			{ name: '55-59', max: 38000},
			{ name: '60-64', max: 52000},
			{ name: '60岁以上', max: 25000}
        ],
		
    },
    series: [{
        name: '预算 vs 开销（Budget vs spending）',
        type: 'radar',
        data: [
            {
                value: [3200, 8000, 5000, 20000, 45000, 19500, 29500, 49000, 9000],
                name: '实际开销（Actual Spending）'
            },
			
        ],
		symbolSize:2,
		itemStyle:{
			normal:{
				color:'#fff'
			}
		},
		lineStyle:{
			color:["#0263FF"]
		},
		areaStyle: {
			color:["#2357B1"]
		},
    }]
};
nianling.setOption(age);

let shuliangtu = echarts.init(document.querySelector('.shuliang'));
shuliang = {
	tooltip: {
		trigger: 'axis'
	},
	legend: {
		itemWidth:16,
		itemHeight:4,
		data: [
			{
				name:'学前教育',
				textStyle:{
					color:'#fff'
				}
			},
			{
				name:'小、初、高阶段',
				textStyle:{
					color:'#fff'
				}
			},
			
		]
    },
    grid: {
        left: '3%',
        right: '4%',
		top:'24%',
        bottom: '1%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['2013', '2014', '2015', '2016', '2017'],
		
    },
    yAxis: {
        type: 'value',
		min:0,
		max:15000,
		interval:3750,
		splitLine:{
			lineStyle:{
				type:'dashed',
				color:'#1F3A6D'
			},
		},
		data:['0','3750','7500','11250','15000']
    },
	textStyle:{
		color:'#2FF0F6'
	},
    series: [
		{
		    name: '学前教育',
		    type: 'line',
		    stack: '总量',
		    data: [5250,5850,4850,5850,5300],
			symbolSize:2,
			itemStyle:{
				normal:{
					color:'#21EBD4',
				}
			},
		},
		{
		    name: '小、初、高阶段',
		    type: 'line',
		    stack: '总量',
			symbolSize:2,
			data: [4400, 4500, 4600, 4400, 4500],
			itemStyle:{
				normal:{
					color:'#EFE447',
				}
			}
		},
    ]
};
shuliangtu.setOption(shuliang);

let tutop = echarts.init(document.querySelector('.tu_top'));
tutoptop = {
    tooltip: {
        trigger: 'item',
    },
    legend: {
		itemWidth:16,
		itemHeight:4,
		textStyle:{
			color:'#fff'
		},
		data:[
			{
				name:'学前教育'
			},
			{
				name:'小、初、高阶段'
			},
			{
				name:'普通中专'
			},
			{
				name:'高职'
			},
		],
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            selectedMode: 'single',
            radius: [0, '30%'],
            label: {
                position: 'inner'
            },
            labelLine: {
                show: false
            },
        },
        {
            name: '访问来源',
            type: 'pie',
            radius: ['16%', '55%'],
            label: {
                rich: {},
				textStyle:{
					color:'#fff'
				}
            },
            data: [
				{value: 700, name: '学前教育'},
                {value: 500, name: '小、初、高阶段'},
				{value: 700, name: '普通中专'},
                {value: 500, name: '高职'},
            ]
        }
    ]
};
tutop.setOption(tutoptop);

let tubottom = echarts.init(document.querySelector('.tu_bottom'));
tubottombos = {
	tooltip: {
		trigger: 'axis'
	},
	legend: {
		itemWidth:16,
		itemHeight:4,
		data: [
			{
				name:'学前教育',
				textStyle:{
					color:'#fff'
				}
			},
			{
				name:'小、初、高阶段',
				textStyle:{
					color:'#fff'
				}
			},
			
		]
    },
	grid: {
		left: '3%',
		right: '4%',
		top:'24%',
		bottom: '1%',
		containLabel: true
	},
	xAxis: {
		type: 'category',
		boundaryGap: false,
		data: ['2013', '2014', '2015', '2016', '2017'],
	},
	yAxis: {
		type: 'value',
		min:0,
		max:15000,
		interval:3750,
		splitLine:{
			lineStyle:{
				type:'dashed',
				color:'#1F3A6D'
			},
		},
		data:['0','3750','7500','11250','15000']
    },
	textStyle:{
		color:'#2FF0F6'
	},
    series: [
		{
		    name: '学前教育',
		    type: 'line',
		    stack: '总量',
		    data: [2300,2400,1900,2600,2300],
			symbolSize:2,
			itemStyle:{
				normal:{
					color:'#1FDDC9',
				}
			},
		},
		
		{
		    name: '小、初、高阶段',
		    type: 'line',
		    stack: '总量',
			symbolSize:2,
			data: [5800,6200,6100,5500,6300],
			itemStyle:{
				normal:{
					color:'#F02760',
				}
			}
		},
		{
		    name: '小、初、高阶段',
		    type: 'line',
		    stack: '总量',
			symbolSize:2,
			data: [1000,1100,900,600,1500],
			itemStyle:{
				normal:{
					color:'#2C95FB',
				}
			}
		},
		{
		    name: '小、初、高阶段',
		    type: 'line',
		    stack: '总量',
			symbolSize:2,
			data: [4200,4000,4300,4200,3400],
			itemStyle:{
				normal:{
					color:'#FBEF49',
				}
			}
		},
    ]
};
tubottom.setOption(tubottombos);

let shibottom = echarts.init(document.querySelector('.shiyan_bottom'));
// var pathSymbols = {
// };
shiyanbott = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'none'
        },
    },
    xAxis: {
        data: ['新区实验小学'],
        axisTick: {show: false},
        axisLine: {show: false},
        axisLabel: {
            color: '#fff'
        }
    },
    yAxis: {
		splitLine: {show: false},
		axisTick: {show: false},
		axisLine: {show: false},
		axisLabel: {show: false}
    },
	grid:{
		left: '3%',
		right: '4%',
		top:'24%',
		bottom: '1%',
		containLabel: true
	},
	color: ['#6327B4'],
    series: [{
        name: 'hill',
        type: 'pictorialBar',
        symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
        itemStyle: {
            // opacity: 0.5
        },
        emphasis: {
            itemStyle: {
                opacity: 1
            }
        },
        data: [300,1],
    },
	{
		name: 'glyph',
		type: 'pictorialBar',
		barGap: '-100%',
		symbolPosition: 'end',
		symbolOffset: [0, '-120%'],
    }],
	symbolSize: [260,72],
};
shibottom.setOption(shiyanbott);

let bianzhitu = echarts.init(document.querySelector('.bianzhi'))
var pathSymbols = {
	reindeer:'path://M974.995261 981.333333a42.276571 42.276571 0 0 1-42.22781 42.666667H90.74688A42.276571 42.276571 0 0 1 48.51907 981.333333s7.021714-146.968381 121.953524-203.824762c72.704-35.59619 44.568381-19.017143 133.705143-54.564571 89.136762-35.547429 110.201905-61.635048 110.201905-61.635048l-4.632381-47.396571s-98.499048-28.42819-114.93181-137.508571c-30.524952 7.168-39.887238-33.158095-42.227809-59.196953-2.340571-26.087619-18.773333-106.691048 18.773333-99.571809-7.070476-54.51581-14.09219-101.912381-9.411047-128 4.681143-42.666667-7.021714-49.737143 32.865523-82.944 9.362286-9.508571-9.411048-49.785905-2.340571-61.635048 11.702857-23.747048 91.428571-14.238476 103.18019-19.017143A327.43619 327.43619 0 0 1 505.856975 0c168.911238 7.119238 234.544762 99.57181 243.95581 189.635048 2.340571 26.087619-2.340571 73.48419-11.702857 128 37.546667-7.119238 21.113905 73.48419 18.773333 99.571809-2.389333 26.038857-11.702857 68.754286-42.22781 59.245714-16.432762 109.031619-96.158476 137.508571-96.158476 137.508572l-4.729905 45.007238s21.113905 23.698286 110.250667 61.635048c89.136762 35.547429 60.952381 21.308952 133.705143 56.856381C967.924785 831.975619 974.995261 981.333333 974.995261 981.333333z',
	// plane:'path://M974.995261 981.333333a42.276571 42.276571 0 0 1-42.22781 42.666667H90.74688A42.276571 42.276571 0 0 1 48.51907 981.333333s7.021714-146.968381 121.953524-203.824762c72.704-35.59619 44.568381-19.017143 133.705143-54.564571 89.136762-35.547429 110.201905-61.635048 110.201905-61.635048l-4.632381-47.396571s-98.499048-28.42819-114.93181-137.508571c-30.524952 7.168-39.887238-33.158095-42.227809-59.196953-2.340571-26.087619-18.773333-106.691048 18.773333-99.571809-7.070476-54.51581-14.09219-101.912381-9.411047-128 4.681143-42.666667-7.021714-49.737143 32.865523-82.944 9.362286-9.508571-9.411048-49.785905-2.340571-61.635048 11.702857-23.747048 91.428571-14.238476 103.18019-19.017143A327.43619 327.43619 0 0 1 505.856975 0c168.911238 7.119238 234.544762 99.57181 243.95581 189.635048 2.340571 26.087619-2.340571 73.48419-11.702857 128 37.546667-7.119238 21.113905 73.48419 18.773333 99.571809-2.389333 26.038857-11.702857 68.754286-42.22781 59.245714-16.432762 109.031619-96.158476 137.508571-96.158476 137.508572l-4.729905 45.007238s21.113905 23.698286 110.250667 61.635048c89.136762 35.547429 60.952381 21.308952 133.705143 56.856381C967.924785 831.975619 974.995261 981.333333 974.995261 981.333333z',
	plane:'path://M719.495086 95.53616c8.97477 36.430131 9.877557 70.231557 9.054428 107.644133-0.345183 14.418047-8.549929 81.09156-6.319513 101.510489 1.832128 16.860884 6.027434 18.188513 12.58592 32.102061 11.497264 24.162842 7.647141 57.486322 3.239414 81.888137-2.416284 13.276287-7.514378 32.341035-15.241177 43.22759-8.549929 12.001763-25.623234 12.081421-33.190717 26.10118-10.886555 20.153403-4.726358 48.458447-11.603475 70.231557-7.779904 24.693893-27.641229 26.552574-29.207831 58.734293l29.207831 4.221859c9.744795 20.870323 27.588124 62.876494 45.80319 75.515519q22.888318 6.346065 45.803189 12.58592c53.476883 22.118294 112.901543 48.564657 166.511189 71.346765 48.830183 20.764113 107.245845 28.145728 124.797096 79.657721 0 34.996292 3.265967 117.707559 2.363179 163.616958H0.159315c-0.876235-45.9094 2.389732-128.620666 2.389732-163.616958 17.657461-51.59165 76.073123-58.973266 124.797096-79.657721 53.609646-22.755556 113.034306-49.228471 166.511189-71.346765l45.803189-12.58592c18.241618-12.639025 36.058395-54.618644 45.80319-75.515519l21.6669-5.310515c-4.912226-27.588124-21.852768-29.71233-28.942306-49.255024q-4.142201-44.024167-8.310955-88.127992c0 1.407286-19.940983-3.664255-22.543135-5.310514-28.278491-17.869882-28.862647-90.27875-31.57101-120.548684-1.221418-13.780786 17.763672-25.092182 12.47971-50.44989-30.960301-148.004045 13.276287-248.080695 83.587501-271.022119 48.777078-19.940983 139.69309-56.716297 224.661325-4.009438l21.056191 19.675457 34.040399 5.921224c17.099857 9.957215 28.012965 42.908959 28.012966 42.908959z m0 0',
	// plane:'path://M974.995261 981.333333a42.276571 42.276571 0 0 1-42.22781 42.666667H90.74688A42.276571 42.276571 0 0 1 48.51907 981.333333s7.021714-146.968381 121.953524-203.824762c72.704-35.59619 44.568381-19.017143 133.705143-54.564571 89.136762-35.547429 110.201905-61.635048 110.201905-61.635048l-4.632381-47.396571s-98.499048-28.42819-114.93181-137.508571c-30.524952 7.168-39.887238-33.158095-42.227809-59.196953-2.340571-26.087619-18.773333-106.691048 18.773333-99.571809-7.070476-54.51581-14.09219-101.912381-9.411047-128 4.681143-42.666667-7.021714-49.737143 32.865523-82.944 9.362286-9.508571-9.411048-49.785905-2.340571-61.635048 11.702857-23.747048 91.428571-14.238476 103.18019-19.017143A327.43619 327.43619 0 0 1 505.856975 0c168.911238 7.119238 234.544762 99.57181 243.95581 189.635048 2.340571 26.087619-2.340571 73.48419-11.702857 128 37.546667-7.119238 21.113905 73.48419 18.773333 99.571809-2.389333 26.038857-11.702857 68.754286-42.22781 59.245714-16.432762 109.031619-96.158476 137.508571-96.158476 137.508572l-4.729905 45.007238s21.113905 23.698286 110.250667 61.635048c89.136762 35.547429 60.952381 21.308952 133.705143 56.856381C967.924785 831.975619 974.995261 981.333333 974.995261 981.333333z',
		train:'path://M974.995261 981.333333a42.276571 42.276571 0 0 1-42.22781 42.666667H90.74688A42.276571 42.276571 0 0 1 48.51907 981.333333s7.021714-146.968381 121.953524-203.824762c72.704-35.59619 44.568381-19.017143 133.705143-54.564571 89.136762-35.547429 110.201905-61.635048 110.201905-61.635048l-4.632381-47.396571s-98.499048-28.42819-114.93181-137.508571c-30.524952 7.168-39.887238-33.158095-42.227809-59.196953-2.340571-26.087619-18.773333-106.691048 18.773333-99.571809-7.070476-54.51581-14.09219-101.912381-9.411047-128 4.681143-42.666667-7.021714-49.737143 32.865523-82.944 9.362286-9.508571-9.411048-49.785905-2.340571-61.635048 11.702857-23.747048 91.428571-14.238476 103.18019-19.017143A327.43619 327.43619 0 0 1 505.856975 0c168.911238 7.119238 234.544762 99.57181 243.95581 189.635048 2.340571 26.087619-2.340571 73.48419-11.702857 128 37.546667-7.119238 21.113905 73.48419 18.773333 99.571809-2.389333 26.038857-11.702857 68.754286-42.22781 59.245714-16.432762 109.031619-96.158476 137.508571-96.158476 137.508572l-4.729905 45.007238s21.113905 23.698286 110.250667 61.635048c89.136762 35.547429 60.952381 21.308952 133.705143 56.856381C967.924785 831.975619 974.995261 981.333333 974.995261 981.333333z',
};

var labelSetting = {
    normal: {
        show: true,
        position: 'right',
        offset: [10, 0],
        textStyle: {
            fontSize: 16
        }
    }
};


bianzhi = {
    tooltip: {
        trigger: 'axis',
    },
    grid: {
		left: 20,
		top:4,
		bottom:1,
        containLabel: true,
    },
    yAxis: {
        data: ['行政编制', '事业编制', '自聘'],
        inverse: true,
        axisLine: {show: false},
        axisTick: {show: false},
        axisLabel: {
            margin: 30,
            fontSize: 12
        },
        axisPointer: {
            label: {
                show: true,
                margin: 30
            }
        },
		
    },
    xAxis: {
        splitLine: {show: false},
        axisLabel: {show: false},
        axisTick: {show: false},
        axisLine: {show: false}
    },
	textStyle:{
		color:'#2FF0F6',
		fontSize:12,
	},
    series: [{
		name: '2015',
		type: 'pictorialBar',
		label: labelSetting,
		symbolRepeat: true,
		symbolSize: ['90%', '40%'],
		barCategoryGap: '40%',
    }, 
	{
        name: '2016',
        type: 'pictorialBar',
        label: labelSetting,
        symbolRepeat: true,
        symbolSize: ['60%', '60%'],
        data: [
			{
            value: 20,
            symbol: pathSymbols.reindeer
        }, 
		{
            value: 29,
            symbol: pathSymbols.ship
        }, 
		{
            value: 73,
            symbol: pathSymbols.plane
        }, 
		]
    }]
};

bianzhitu.setOption(bianzhi);